@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic');
@import url('css/font-awesome-min-last.css');
@import url('css/animate.css');
@import url('css/bootstrap.min.css');
@import url('css/custom-styles.css');

@media (min-width: 992px){

    .header {
        height: 80px;
    }

    .preview-container{
        padding: 35px 150px 35px 150px;
    }

    .desc-container {
        width: 1320px;
    }

    .details-container {
        padding: 125px 0px 100px 0px;
    }

    .details-container > .left-side {
        float: left;
        /* margin-right: 210px;*/
        margin-top: 35px;
    }

    .pricing-container {
        padding: 125px 0px 110px 0px;
    }

    .pricing-container > .right-side {
        float: left;
        margin-top: 30px;
    }

    .tools-container {
        padding: 140px 0px 0px 0px;
    }

    .support-container {
        padding: 65px 0px 110px 0px;
    }

    .start-container {
        padding: 110px 0px 155px 0px;
    }

    .footer-container {
        padding: 45px 0px 20px 0px;
    }

    .contact-info {
        font-size: 18px;
        padding-top: 30px;
    }

    .contact-info > span {
        line-height: 35px;
    }

    .store-logo {
        padding: 17px 0px;
    }


    .arrow_img {
        right: -10px;
        top: -125px;
    }

    .tool-img {
        margin-top: -220px;
        margin-left: 110px;
    }

    .settings-img {
        float: right;
    }


    .blog-nav {
        margin: 25px 0px;
    }

    .blog-nav>a {
        font-size: 16px;
    }

    .preview, .sign_up1, .sign_up2, .sign_up3, .contact, .sign_up4 {
        padding: 12px 75px;
   
    }

    .preview {
        padding: 12px 60px;
    }

    .sign_up1 {
        margin-top: 15px;
    }

    .sign_up2 {
        margin-top: 15px;
    }

    .sign_up3 {
        margin-top: 15px;
    }

    .contact {
        padding: 17px 21px;
        margin-top: 15px;
    }

    .sign_up4 {
        margin-top: 15px;
    }

    .seller_id_input {
        padding: 12px 10px;
        margin-bottom: 10px;
        font-size: 25px;
        margin-right: 50px;
		font-family: Open Sans;
		font-weight: 300;
		color: #4e4548;
    }

    .footer-title {
        font-size: 18px;
    }

    .main-title {
        font-size: 34px;
    }

    .title-text {
        font-size: 48px;
    }

    .footer-title-text, .popup-title-text {
        font-size: 34px;
    }

    .regular-text {
        font-size: 18px;
    }

    .footer-text {
        font-size: 14px;
    }

    .social-icons {
        float: right;
        margin-right: 30px;
        bottom: 30px;
 
    }
    .store-logo-gray {
        margin-right: 40px;
        margin-top: 20px;
        width: 20%;
    }

    .rights {
    padding-top: 30px;
    padding-bottom: 30px;
    }


    #header-email, #header-password{
        width: 245px;
        height: 55px;
        border: 4px solid #4e4548;
        font-size: 20px;
        padding: 0px 10px;
        margin-right: 15px;
    }

    #footer-email, #footer-password, #modal-sign-up-email, #modal-sign-up-password{
        width: 390px;
        height: 50px;
        border: 4px solid #4e4548;
        font-size: 20px;
        padding: 0px 15px;
        margin-bottom: 35px;
    }
	
	
	#modal-login-email, #modal-login-password{
	    height: 50px;
        border: 4px solid #4e4548;
        font-size: 20px;
        padding: 0px 15px;
        margin-bottom: 35px;
    }

    .footer-warning, .modal-sign-up-warning, .modal-login-warning{
        margin-bottom: 19px;
        padding-right: 132px;
    }

    .modal-login-invalid-password, .modal-sign-up-invalid-password, .footer-invalid-password{
        margin-bottom: 18px;
        padding-right: 90px;
    }

    .footer-title-text, .popup-title-text {
        padding-bottom: 35px;
    }


    .header-start-btn, .footer-start-btn, .modal-sign-up-start-btn, .modal-login-start-btn{
        border: 4px solid #4e4548;
        width: 190px;
        height: 55px;
        font-size: 18px;
    }

    .sign-up-container{
        text-align: center;
        padding: 115px 0px 380px 0px;
    }


    .continue-to-ebay-btn{
        width: 315px;
        height: 65px;
        border: 4px solid #2c2729;
        font-size: 22px;
    }

    .sign-up-title{
        font-size: 38px;
    }

    .sign-up-btn{
        padding-top: 50px;
    }

    .sign-up-text{
        font-size: 24px;
    }

    .sign-up-img{
        padding: 70px 0px 30px 0px;
    }

    .sign-up-form{
        line-height: 25px;
    }

    .header-warning, .footer-warning, .modal-sign-up-warning, .modal-login-warning, .modal-login-invalid-password,
    .header-invalid-password, .inside-warning, .modal-sign-up-invalid-password, .footer-invalid-password{
        font-size: 14px;
    }

    .input-password{
        margin-right: 0px;
    }
}






/**********************************
***********************************
*****    Screen 1200-1330    *******
***********************************
**********************************/
@media (min-width: 1200px) and (max-width: 1330px) {

    .desc-container{
        width: 1170px;
    }

    .main-title{
        font-size: 30px;
    }
}


/**********************************
***********************************
*****    Screen 992-1200    *******
***********************************
**********************************/
@media (min-width: 992px) and (max-width: 1200px) {


.rights {
padding-left: 0px;
}

    .tools-container {
        padding: 100px 0px 0px 0px;
    }

    .desc-container{
        width: 970px;
    }

    .main-title{
        font-size: 25px;
    }

    .title-text{
        font-size: 40px;
    }

    .regular-text{
        font-size: 15px;
    }

    .seller_id_input {
        padding: 7px 7px;
        margin-bottom: 10px;
        font-size: 19px;
        margin-right: 40px;
    }


    .preview {
        padding: 5px 35px;
    }

    .preview, .sign_up1, .sign_up2, .sign_up3, .contact, .sign_up4 {
        padding: 5px 50px;
        font-size: 19px;
    }


    .contact {
        padding: 8px 4px;
        margin-top: 15px;
    }

    .arrow_img {
        right: 0px;
        top: -125px;
    }

    .arrow_img>img{
        width: 90%;
        height: 90%;
    }

    .tool-img {
        margin-top: -185px;
        margin-left: 55px;
        width: 95%;
    }

    .store-logo-gray {
        clear: both;
        float: right;
        margin-right: 45px;
        margin-top: 55px;
    }

    .social-icons {
        float: right;
        margin-right: 30px;
        bottom: 30px;
        width: 20%;
    }
    .store-logo-gray {
        margin-right: 40px;
        margin-top: 20px;
        width: 20%;
    }

    .rights {
        margin-top: 0px;
    }

}


/**********************************
***********************************
*****    Screen 768-992    ********
***********************************
**********************************/


@media (min-width: 768px) and (max-width: 992px)  {

    .header {
        height: 65px;
    }
    .preview-container {
        padding: 35px 150px 35px 150px;
    }

    .details-container, .pricing-container{
        padding: 100px 0px 75px 0px;
    }

    .tools-container {
        padding: 100px 0px 0px 0px;
    }

    .support-container{
        padding: 55px 0px 100px 0px;
    }

    .start-container {
        padding: 80px 0px 100px 0px;
    }

    .store-logo-img{
        width: 90%;
        height: 90%;
    }

    .settings-img, .pricing-img, .support-img{
        width: 90%;
        height: 90%;
    }

    .blog-nav {
        margin: 20px 0px;
    }

    .blog-nav>a {
        font-size: 14px;
    }

    .store-logo {
        padding: 12px 0px;
    }

    .arrow_img {
        right: -60px;
        top: -105px;
    }

    .arrow_img>img{
        width: 80%;
        height: 80%;
    }

    .tool-img {
        margin-top: -170px;
        margin-left: 50px;
        width: 90%;
    }

    .main-title{
        font-size: 19px;
    }

    .title-text{
        font-size: 36px;
    }

    .footer-title-text, .popup-title-text {
        font-size: 30px;
    }

    .regular-text{
        font-size: 13px;
    }

    .seller_id_input {
        padding: 5px 7px;
        margin-bottom: 10px;
        font-size: 16px;
        margin-right: 30px;
    }

    .preview, .sign_up1, .sign_up2, .sign_up3, .contact, .sign_up4 {
        padding: 4px 50px;
        font-size: 14px;
    }

    .contact {
        padding: 4px 16px;
        margin-top: 15px;
    }

    .contact-info {
        font-size: 14px;
        padding-top: 20px;
    }

    .footer-categories{
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .social-icons {
        /*left: 240px;*/
        float: right;
        /*margin-right: 100px;*/
        top: -35px;
        width: 36%;
    }

    .store-logo-gray {
        margin-right: 75px;
        width: 27%
    }

    .rights {
       /* margin-top: 60px;*/
	   padding-top: 30px;
    padding-bottom: 30px;
    }


    #header-email, #header-password{
        width: 200px;
        height: 50px;
        border: 3px solid #4e4548;
        font-size: 18px;
        padding: 0px 8px;
        margin-right: 10px;
    }

    #footer-email, #footer-password, #modal-sign-up-email, #modal-sign-up-password, #modal-login-email, #modal-login-password{
        width: 335px;
        height: 50px;
        border: 4px solid #4e4548;
        font-size: 17px;
        padding: 0px 14px;
        margin-bottom: 30px;
    }

    .footer-warning, .modal-sign-up-warning, .modal-login-warning{
        margin-bottom: 19px;
        padding-right: 143px;
    }

    .modal-login-invalid-password, .header-invalid-password, .modal-sign-up-invalid-password, .footer-invalid-password{
        margin-bottom: 18px;
        padding-right: 100px;
    }

    .footer-title-text, .popup-title-text {
        padding-bottom: 35px;
    }


    .header-start-btn, .footer-start-btn, .modal-sign-up-start-btn, .modal-login-start-btn{
        border: 3px solid #4e4548;
        width: 160px;
        height: 40px;
        font-size: 16px;
    }

    .sign-up-container{
        text-align: center;
        padding: 100px 0px 350px 0px;
    }


    .continue-to-ebay-btn{
        width: 290px;
        height: 60px;
        border: 4px solid #2c2729;
        font-size: 20px;
    }

    .sign-up-title{
        font-size: 34px;
    }

    .sign-up-btn{
        padding-top: 50px;
    }

    .sign-up-text{
        font-size: 22px;
    }

    .sign-up-img{
        padding: 70px 0px 30px 0px;
    }

    .now-open-img{
        width: 80%;
    }

    .header-warning, .footer-warning, .modal-sign-up-warning, .modal-login-warning, .modal-login-invalid-password,
    .header-invalid-password, .modal-sign-up-invalid-password, .footer-invalid-password{
        font-size: 11px;
    }

    .input-password{
       
    }

}

/**********************************
***********************************
*****    Screen 768 and less    ***
***********************************
**********************************/


@media (max-width: 768px)  {

    .header {
        height: 65px;
    }

    .preview-container {
        padding: 35px 85px 35px 85px;
    }

    .details-container, .pricing-container, .tools-container, .support-container{
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .tools-container {
        padding-left: 30px;
    }

    .start-container {
        padding: 60px 0px 70px 0px;
    }

    .store-logo-img{
        width: 90%;
    }

    .blog-nav {
        margin: 20px 0px;
    }

    .blog-nav>a {
        font-size: 14px;
    }

    .store-logo {
        padding: 12px 0px;
    }

    .title-text{
        font-size: 36px;
    }

    .footer-title-text, .popup-title-text{
        font-size: 26px;
    }

    .regular-text{
        font-size: 13px;
    }

    .seller_id_input {
        padding: 5px 7px;
        margin-bottom: 0px;
        font-size: 13px;
        margin-right: 20px;
    }

    .preview, .sign_up1, .sign_up2, .sign_up3, .contact, .sign_up4 {
        padding: 5px 48px;
        font-size: 14px;
    }

    .preview{
        padding: 3px 48px;
    }

    .contact {
        padding: 5px 14px;
        margin-top: 15px;
    }

    .contact-info {
        padding-top: 20px;
    }

    .arrow_img{
        display: none;
    }

    .footer-category{
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .social-icons {
        margin-right: 15px;
        margin-left: 15px;
    }

    .store-logo-gray {
       /* margin-right: 95px;*/
    }

    .rights {
      /* margin-top: 60px; */
	  padding-top: 20px;
    padding-bottom: 20px;
	  
    }

    .footer-category{
        min-width: 170px;
    }

    #header-email, #header-password{
        width: 200px;
        height: 50px;
        border: 3px solid #4e4548;
        font-size: 18px;
        padding: 0px 8px;
        margin-right: 10px;
        margin-bottom: 10px;
    }


    #footer-email, #footer-password, #modal-sign-up-email, #modal-sign-up-password, #modal-login-email, #modal-login-password{
        width: 290px;
        height: 50px;
        border: 3px solid #4e4548;
        font-size: 15px;
        padding: 0px 12px;
        margin-bottom: 27px;
    }

    .footer-warning, .modal-sign-up-warning, .modal-login-warning{
        margin-bottom: 4px;
        margin-right: 42px;
    }

    .modal-login-invalid-password, .header-invalid-password, .modal-sign-up-invalid-password, .footer-invalid-password{
        margin-bottom: 4px;
        padding-left: 55px;
    }

    .footer-title-text, .popup-title-text {
        padding-bottom: 35px;
    }


    .header-start-btn, .footer-start-btn, .modal-sign-up-start-btn, .modal-login-start-btn{
        border: 3px solid #4e4548;
        width: 160px;
        height: 40px;
        font-size: 16px;
    }

    .details-container > .left-side, .pricing1{
        margin-bottom: 35px;
    }

    .sign-up-container{
        text-align: center;
        padding: 85px 0px 275px 0px;
    }


    .continue-to-ebay-btn{
        width: 250px;
        height: 55px;
        border: 3px solid #2c2729;
        font-size: 18px;
    }

    .sign-up-title{
        font-size: 30px;
    }

    .sign-up-btn{
        padding-top: 50px;
    }

    .sign-up-text{
        font-size: 20px;
    }

    .sign-up-img{
        padding: 70px 0px 30px 0px;
    }

    .now-open-img{
        width: 70%;
    }

    .header-warning, .footer-warning, .modal-sign-up-warning, .modal-login-warning, .modal-login-invalid-password,
    .header-invalid-password, .modal-sign-up-invalid-password, .footer-invalid-password{
        font-size: 11px;
        padding-bottom: 10px;
        float: right;
    }

    #header-password{
        float: left;
    }

    #header-email{
        float: right;
    }

    .input-password{
        margin-right: 0px;
        float: left;
    }

    .input-password{
       padding-top:30px;
    }
	
	 .input-preview{
    font-family: Open Sans;
	font-weight: 300;
	color: #4e4548;
    }
	
}




/**********************************
***********************************
*****    Screen 570 and less    ***
***********************************
**********************************/

@media (max-width: 590px) {

    .footer-warning{
        display: none;
        margin-bottom: 4px;
        margin-right: 52px;
    }
}



/**********************************
***********************************
*****    Screen 570 and less    ***
***********************************
**********************************/

@media (max-width: 590px){

    .header {
        height: 80px;
    }

    .preview-container {
        padding: 35px 45px 35px 45px;
    }

    .store-logo {
        width: 100%;
       text-align: center;
    }

    .store-logo-img{
        width: 25%;
        height: 25%;
    }

    .blog-nav {
        text-align: center;
        float: none !important;
    }

    .footer-category{
        min-width: 155px;
    }

    .store-logo-gray{
        display: none;
    }
    
    .social-icons{
        width: 100%;
    }

    #header-email, #header-password{
        width: 145px;
        height: 35px;
        border: 3px solid #4e4548;
        font-size: 13px;
        padding: 0px 4px;
        margin-right: 3px;
    }


    .header-start-btn, .footer-start-btn, .modal-sign-up-start-btn, .modal-login-start-btn{
        border: 3px solid #4e4548;
        height: 50px;
        font-size: 18px;
    }

    .header-warning, .footer-warning, .modal-sign-up-warning, .modal-login-warning, .modal-login-invalid-password,
    .header-invalid-password, .modal-sign-up-invalid-password, .footer-invalid-password{
        font-size: 10px;
    }
}


@media (max-width: 602px){

    .seller_id_input{
        margin-bottom: 10px;
        width: 100%;
    }

    .preview{
        margin-bottom: 10px;
        padding: 5px 48px;
    }

}



@media (max-width: 380px){

    .blog-nav>a {
        font-size: 11px;
    }
}





@media (min-width: 1200px){
    .input-password{
        margin-right: 0px;
    }
}

@media (min-width: 1330px){
    .input-password{
        margin-right:0px;
		
    }
}





.settings-img {
    float: right;
}

.header {
    background: #f5f5f5;
}

.desc-container {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 130px;
}

.preview-container {
    position: relative;
}

.start-container > .inner-container {
    text-align: center;
}

.blog-nav {
    float: right;
}

.blog-nav>a {
    text-decoration: none;
    color: #000000;
    font-family: Open Sans;
    font-weight: 300;
    cursor: pointer;
}

.store-logo {
    float: left;
}

.preview, .sign_up1, .sign_up2, .sign_up3, .contact, .sign_up4 {
    font-family: Open Sans;
    font-weight: 300;
}

.arrow_img {
    position: absolute;
}

.tool-img {
    position: relative;
    z-index: 0;
}

.title-text {
    font-family: Open Sans;
    font-weight: 300;
}

.footer-title-text, .popup-title-text{
    font-family: Open Sans;
    font-weight: 300;
}

.regular-text {
    font-family: Open Sans;
    font-weight: 300;
}

.preview {
    background: #fd6b00;
    border: 4px solid #2c2729;
    color: white;
	font-size: 18px;
}

.preview:hover {
    background: #cc9145;

}

.sign_up1 {
    background: #d7ba2e;
    border: 4px solid #484043;
    color: white;
    margin-top: 15px;
}

.sign_up2 {
    background: #1db9a6;
    border: 4px solid #484043;
    color: white;
    margin-top: 15px;
}

.sign_up3 {
    background: #179fb4;
    border: 4px solid #484043;
    color: white;
    margin-top: 15px;
    position: relative;
    z-index: 1;
}

.contact {
    background: #fa9f00;
    border: 4px solid #2c2729;
    color: white;
    margin-top: 15px;
}

.sign_up4 {
    background: #fd6b00;
    border: 4px solid #484043;
    color: white;
    margin-top: 15px;
}

.contact-info {
    font-family: Open Sans;
    font-weight: 300;
    color: white;
}

.footer {
    background: #3d3155;
}

.footer-title {
    font-family: Open Sans;
    font-weight: 700;
}



.main-title {
    font-family: Open Sans;
    font-weight: 600;
}

.desc-title{
    padding: 75px 0px 50px 0px;
}

#header-email{
    margin-bottom: 0px;
}

#header-email, #header-password, #footer-email, #footer-password, #modal-sign-up-email,
#modal-sign-up-password, #modal-login-email, #modal-login-password{

    font-family: Open Sans;
    font-weight: 400;
    color: #010101;
	font-size: 16px;
}

.header-start-btn, .footer-start-btn, .modal-sign-up-start-btn, .modal-login-start-btn{
    font-weight: 300;
    font-family: Open Sans;
    background: #fbad05!important;
    color: white;
}


.header-start-btn:hover, .footer-start-btn:hover{

    background: #2c2829!important;
	border:#2c2829;

}

.header-start-buttons{
    padding-bottom: 70px;
}

.footer-text {
    font-family: Open Sans;
    font-weight: 300;
    cursor: pointer;
    color: #000000;
}

.footer-category > a {
    text-decoration: none;
}

.social-icons {
    position: relative;
}

.store-logo-gray {
    clear: both;
    float: right;
}

.social_icon {
    float: left;
    margin-left: 11px;
	background-color: white;
    border-radius: 3px;
    width: 25px;
    height: 25px;
	font-size: 18px;
	line-height: 25px;
    color: #3d3155;
}

.social_icon:hover {
background-color: #f99f00;
}

.rights {
    clear: both;
    float: left;
    width: 100%;
    text-align: center;
	background-color: black;
	padding-left:14%;
}

.modal-header{
    border-bottom: none;
}

.modal-body{
    text-align: center;
    padding-top: 20px;
    padding-bottom: 40px;
}


.sign-up-container{
    text-align: center;
}

.sign-up-title{
    font-family: Open Sans;
    font-weight: 600;
    color: #3d3256;
}



.sign-up-text{
    font-family: Open Sans;
    font-weight: 400;
    color: #4e4548;
}

.continue-to-ebay-btn{
    background: #fd6b00;;
    color: white;
    font-family: Open Sans;
    font-weight: 400;
}

.header-warning, .footer-warning, .modal-sign-up-warning, .modal-login-warning, .modal-login-invalid-password, .modal-sign-up-invalid-password, .footer-invalid-password{
    font-size: 14px;
    color: #fd6b00;
    font-family: Open Sans;
    font-weight: 400;
}

.header-invalid-password {
    font-size: 14px;
    color: #ffffff;
    font-family: Open Sans;
    font-weight: 400;
}

.input-mail{
    float: left;
}

.reset_password{
    color: gray;
    cursor: pointer;
}

.header-warning, .footer-warning, .modal-sign-up-warning, .modal-login-warning, .modal-login-invalid-password, .inside-warning,
.header-invalid-password, .modal-sign-up-invalid-password, .footer-invalid-password{
    display: none;
}

.modal-login-invalid-password {
padding-left:0px;
}

/*body:after{
    display:none;
    content: url("../images/landing/shop_.png") ;
}*/

#preloadPopUp
{
    background-image: url('http://dev.22stores.com/katya/22stores/app/public/images/landing/shop_.png(73.8KB)');
    width: 0px;
    height: 0px;
    display: inline;
}


.signup-answer {
  font-weight: 300;
  font-family: Open Sans;
  color: #fd6b00;
  font-size: 17px;
 padding-top: 8px;
}

.signup-answer .header-invalid-password{
    float: left;

}